<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="newtemplatesfiles5/img/favicon.html">

    <title>我的举报</title>

    <!-- Bootstrap core CSS -->
    <link href="newtemplatesfiles5/css/bootstrap.min.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="newtemplatesfiles5/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="newtemplatesfiles5/css/style.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="newtemplatesfiles5/js/html5shiv.js"></script>
    <script src="newtemplatesfiles5/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<section id="container" class="">
    <!--header start-->
    <div th:insert="common/student-common-header::top"></div>
    <!--header end-->
    <!--sidebar start-->
    <div th:insert="common/student-common-sidebar::#left"></div>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!-- page start-->
            <div class="row">
                <!--student-info-left  start-->
                <div th:insert="common/student-info-left::#student-info-left"></div>
                <!--student-info-left  end-->
                <aside class="profile-info col-lg-9">
                    <!--widget start-->

                    <!--widget end-->
                    <table class="table table-striped table-sm">
                        <thead>
                        <div class="bio-graph-heading">
                            <h2>被举报提醒</h2>
                        </div>
                        </thead>
                        <tbody>
                        <h2>待处理</h2>
                        <tr th:each="emp:${session.superviseFormList}">
                            <section class="panel">
                                <div class="panel-body bio-graph-info">
                                    <div class="row">
                                        <div class="bio-row">
                                            <label>举报单号 :</label><a th:text="${emp.superviseID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>被举报电动车牌照 :</label><a th:text="${emp.ebickID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>日期 :</label><a th:text="${emp.dateandtime}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>类型 :</label><a th:text="${emp.superviseType}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>详情 :</label><a th:text="${emp.details}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>状态 :</label><a th:text="${emp.status}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>图片 :</label><img style="width: 60px" th:src="${emp.image eq null ? 'asserts/img/YSU.jpg':emp.image}">
                                        </div>
                                        <footer class="twt-footer">
                                            <a th:href="@{/correct.do(superviseID=${emp.superviseID})}">
                                                <button class="btn btn-sm btn-info">
                                                    <i class="icon-thumbs-up"></i>
                                                    纠正</button></a></td>
                                            <a th:href="@{/appeal.do(superviseID=${emp.superviseID})}">
                                                <button class="btn btn-sm btn-danger">
                                                    <i class=" icon-meh"></i>
                                                    申诉</button></a></td>

                                        </footer>
                                    </div>
                                </div>
                            </section>
                        </tr><br>
                      <br>
                        <h2>已处理</h2>
                        <tr th:each="emp:${session.correctSuperviseList}">
                            <section class="panel">
                                <div class="panel-body bio-graph-info">
                                    <div class="row">
                                        <div class="bio-row">
                                            <label>举报单号 :</label><a th:text="${emp.superviseID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>被举报电动车牌照 :</label><a th:text="${emp.ebickID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>举报日期 :</label><a th:text="${emp.dateandtime}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>改正日期 :</label><a th:text="${emp.correctDateandtime}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>类型 :</label><a th:text="${emp.superviseType}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>详情 :</label><a th:text="${emp.details}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>状态 :</label><a th:text="${emp.status}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>举报图片 :</label><img style="width: 60px" th:src="${emp.image eq null ? 'asserts/img/YSU.jpg':emp.image}">
                                        </div>
                                        <div class="bio-row">
                                            <label>改正图片 :</label><img style="width: 60px" th:src="${emp.correctImage eq null ? 'asserts/img/YSU.jpg':emp.correctImage}">
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </tr>

                        <tr th:each="emp:${session.disputeSuperviseList}">
                            <section class="panel">
                                <div class="panel-body bio-graph-info">
                                    <div class="row">
                                        <div class="bio-row">
                                            <label>举报单号 :</label><a th:text="${emp.superviseID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>被举报电动车牌照 :</label><a th:text="${emp.ebickID}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>举报日期 :</label><a th:text="${emp.dateandtime}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>类型 :</label><a th:text="${emp.superviseType}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>详情 :</label><a th:text="${emp.details}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>状态 :</label><a th:text="${emp.status}"></a>
                                        </div>
                                        <div class="bio-row">
                                            <label>举报图片 :</label><img style="width: 60px" th:src="${emp.image eq null ? 'asserts/img/YSU.jpg':emp.image}">
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </tr>

                       </tbody>
                    </table>


                </aside>
            </div>

            <!-- page end-->
        </section>
    </section>

    <!--main content end-->


</section>
<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="asserts/js/popper.min.js"></script>
<script src="asserts/js/feather.min.js"></script>
<script src="asserts/js/bootstrap.min.js"></script>
<!-- js placed at the end of the document so the pages load faster -->
<script src="newtemplatesfiles5/js/jquery.js"></script>
<script src="newtemplatesfiles5/js/bootstrap.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.scrollTo.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="newtemplatesfiles5/assets/jquery-knob/js/jquery.knob.js"></script>

<!--common script for all pages-->
<script src="newtemplatesfiles5/js/common-scripts.js"></script>

<script>



    window.onload=function(){
        $("#li1").removeClass('active');
        $("#li2").removeClass('active');
        $("#li3").removeClass('active');
        $("#li4").removeClass('active');
        $("#li5").removeClass('active');
        $("#li6").removeClass('active');
        $("#li7").addClass('active');



    };
    //knob
    $(".knob").knob();

</script>


</body>
</html>
